会员中心如何加标签

点击查看大图

轻松几步,你可以做会员中心的界面

这是调用文章的

代码如下:

会员中心的标签跟前台使用方法是一模一样的, 关键之处就是多了一项动态参数 union="uid" 在以往,我们都习惯把参数写死,比如 uid='20' fid='12' 而在会员中心用户的UID都不一样的,所以必须要用动态变量参数 即 union="uid"

<div class="SideInfos">
    <h3><i class="fa fa-fw fa-book"></i>我发的文章</h3>
{qb:tag name="wap_member_homepage_001" union="uid" type="cms" rows="5" mid="1" order="id" by="desc"}
    <ul> <ol style="width:80%;">{$i}、<a href="{$rs.url}">{$rs.title|get_word=24}</a></ol><li>{:date("m-d",$rs.create_time)}</li></ul>
{/qb:tag}
</div>

下面这个是滚动显示更多.涉及到分页标签代码 {tag:url name="xxxxx"} 他跟显示标签代码有一点区别, 显示标签代码是{qb:tag name="xxxx"}HTML模板代码{/qb:tag}

代码如下,大家可以复制回去收藏,方便下次使用

<div class="SideInfos wap_member_bbs">
    <h3><i class="fa fa-fw fa-file-text-o"></i>我的论坛贴子</h3>
{qb:tag name="wap_member_homepage_002" union="uid" type="bbs" rows="5" mid="1" order="id" by="desc"}
    <ul> <ol style="width:80%;"><span>{$i}</span>、<a href="{$rs.url}">{$rs.title|get_word=24}</a></ol><li>{:date("m-d",$rs.create_time)}</li></ul>
{/qb:tag}
</div>
<script type="text/javascript">
var Mpage=1;
function ShowMoreBBs(){
    Mpage++;
    $.get('{qb:url name="wap_member_homepage_002" /}'+Mpage,function(res){
        if(res.code==0){
            if(res.data==''){
                layer.msg("已经显示完了！",{time:500});
            }else{                
                $('.wap_member_bbs').append(res.data);
                set_i_num();
                scroll_get = true;
            }
        }else{
            layer.msg(res.msg,{time:2500});
        }
    });
}
//滚动显示更多
var scroll_get = true;    //做个标志,不要反反复复的加载
$(document).ready(function () {
    $(window).scroll(function () {
        if (scroll_get==true &&  (400 + $(window).scrollTop())>($(document).height() - $(window).height())) {
            scroll_get = false;
            layer.msg('内容加截中,请稍候',{time:1000});
            ShowMoreBBs();
        }
    });
});
//设置贴子序号
function set_i_num(){
    var j = 0;
    $('.wap_member_bbs ul span').each(function(){
        j++;
        $(this).html(j);
    });
}
</script>

复制

最后大家要注意的一点,如果不分页的话,可以直接用序号 {$i} 如果分页加载更多的话,要借助 JS处理,比如上面用的

//设置贴子序号
function set_i_num(){
    var j = 0;
    $('.wap_member_bbs ul span').each(function(){
        j++;
        $(this).html(j);
    });
}